<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Java开源博客系统后台管理页面-Powered by java1234</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">

var url;

function openTab(text,url,iconCls){
	if($("#tabs").tabs("exists",text)){
		$("#tabs").tabs("select",text);
	}else{
		var content="<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='${pageContext.request.contextPath}/admin/"+url+"'></iframe>";
		$("#tabs").tabs("add",{
			title:text,
			iconCls:iconCls,
			closable:true,
			content:content
		});
	}
}


function openPasswordModifyDialog(){
	$("#dlg").dialog("open").dialog("setTitle","修改密码");
	url="${pageContext.request.contextPath}/admin/blogger/modifyPassword.do?id=${currentUser.id}";
}

function modifyPassword(){
	$("#fm").form("submit",{
		url:url,
		onSubmit:function(){
			var newPassword=$("#newPassword").val();
			var newPassword2=$("#newPassword2").val();
			if(!$(this).form("validate")){
				return false;
			}
			if(newPassword!=newPassword2){
				$.messager.alert("系统提示","确认密码输入错误！");
				return false;
			}
			return true;
		},
		success:function(result){
			var result=eval('('+result+')');
			if(result.success){
				$.messager.alert("系统提示","密码修改成功，下一次登录生效！");
				resetValue();
				$("#dlg").dialog("close");
			}else{
				$.messager.alert("系统提示","密码修改失败！");
				return;
			}
		}
	 });
}

function closePasswordModifyDialog(){
	resetValue();
	$("#dlg").dialog("close");
}

function resetValue(){
	$("#oldPassword").val("");
	$("#newPassword").val("");
	$("#newPassword2").val("");
}

function logout(){
	$.messager.confirm("系统提示","您确定要退出系统吗？",function(r){
		if(r){
			window.location.href='${pageContext.request.contextPath}/admin/blogger/logout.do';
		} 
	 });
}

function refreshSystem(){
	$.post("${pageContext.request.contextPath}/admin/system/refreshSystem.do",{},function(result){
		if(result.success){
			$.messager.alert("系统提示","已成功刷新系统缓存！");
		}else{
			$.messager.alert("系统提示","刷新系统缓存失败！");
		}
	},"json");
}

	</script>
	
</head>
<body class="easyui-layout">
	<!-- 头部 -->
	<div region="north" style="height:80px;background-color:#E0ECFF;">
		<table style="padding:5px" width="100%">
			<tr>
				<td width="50%">
					<img alt="logo" src="${pageContext.request.contextPath}/static/images/logo.png">
				</td>
				<td valign="bottom" align="right" width="50%">
					<font size="3">&nbsp;&nbsp;<strong>欢迎：</strong>${currentUser.userName }</font>
				</td>
			</tr>
		</table>
	</div>
	<!-- 中间右侧部分 -->
	<div region="center">
		<div id="tabs" class="easyui-tabs" fit="true" borger="false" >
			<div title="首页" data-options="iconCls:'icon-home'">
				<div align="center" style="padding-top:100px;background-color:#f0f0f0;">
					<font color="red" size="10">每天记一点</font>
				</div>
			</div>
		</div>
	</div>
	<!-- 左侧导航 -->
	<div  region="west" style="width:220px;" title="导航菜单" split="true">
		<div class="easyui-accordion" data-options="fit:true,border:false">
			<div title="常用操作" data-options="selected:true,iconCls:'icon-item'" style="padding: 5px">
				<a href="javascript:openTab('新增博客','writeBlog.jsp','icon-writeblog')" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-writeblog'" 
					style="width: 150px">我要写博客
				</a>
				<a href="javascript:refreshSystem()" class="easyui-linkbutton" 
					data-options="plain:true,iconCls:'icon-refresh'" 
					style="width: 150px;">刷新系统缓存
				</a>
				<a href="javascript:logout()" class="easyui-linkbutton" 
					data-options="plain:true,iconCls:'icon-exit'" 
					style="width: 150px;">安全退出
				</a>
			</div>
			<div title="博客管理" data-options="iconCls:'icon-bkgl'" style="padding:5px;">
				<a href="javascript:openTab('新增博客','writeBlog.jsp','icon-writeblog')" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-writeblog'" 
					style="width: 150px;">新增博客
				</a>
				<a href="javascript:openTab('博客信息管理','blogManage.jsp','icon-bkgl')"
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bkgl'"
					style="width:150px;">博客信息管理
				</a>
			</div>
			<div title="博客类别管理" data-options="iconCls:'icon-bklb'" style="padding:10px">
				<a href="javascript:openTab('博客类别信息管理','blogTypeManage.jsp','icon-bklb')" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-bklb'" 
					style="width: 150px;">博客类别信息管理
				</a>
			</div>
			<div title="评论管理" data-options="iconCls:'icon-plgl'" style="padding:5px;">
				<a href="javascript:openTab('评论信息管理','commentManage.jsp','icon-plgl')" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-plgl'" 
					style="width: 150px;">评论信息管理
				</a>
			</div>
			<div title="个人信息管理" data-options="iconCls:'icon-grxx'" style="padding:5px;">
				<a href="javascript:openTab('修改个人信息','modifyInfo.jsp','icon-grxxxg')" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-grxxxg'" 
					style="width: 150px;">修改个人信息
				</a>
				<a href="javascript:openPasswordModifyDialog()" 
					class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-modifyPassword'" 
					style="width: 150px;">修改密码
				</a>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div region="south" style="height:25px;padding:5px" align="center">
		Copyright © 2016
	</div>
	<!-- 修改密码弹出框 -->
	<div id="dlg" class="easyui-dialog" style="width:400px;height:200px;padding: 10px 20px;"
		closed="true" buttons="#dlg-buttons">
		<from id="fm" method="post">
			<table cellspacing="8px">
				<tr>
					<td>用户名:</td>
					<td><input type="text" id="userName" name="userName" 
							readonly="readonly" value="${adminUser.userName }" 
							style="width: 200px"/>
					</td>
				</tr>
				<tr>
		   			<td>新密码：</td>
		   			<td><input type="password" id="newPassword" name="newPassword" 
		   				class="easyui-validatebox" required="true" style="width: 200px"/>
		   			</td>
		   		</tr>
		   		<tr>
		   			<td>确认新密码：</td>
		   			<td><input type="password" id="newPassword2" name="newPassword2" 
		   				class="easyui-validatebox" required="true" style="width: 200px"/>
		   			</td>
		   		</tr>
			</table>
		</from>
	</div>
	<!-- 确认框 -->
	<div id="dlg-buttons">
	 	<a href="javascript:modifyPassword()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
	 	<a href="javascript:closePasswordModifyDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
	 </div>
</body>
</html>